<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<div class="container">
    <div class="page-header">
        <div class="pull-right"> 
            <ul class="page-header-links">
                <li>${usuario.nombre}</li>
                <li><a href="<c:url value='/pages/auth/logout'/>">cerrar sesión</a></li>
            </ul>
        </div>
        <div class="pull-left"><img src="<c:url value='/img/atlantis.jpg'/>" alt="dreams time free" width="100" height="100" /></div>
        <h1>Mis Solicitudes por Evaluar</h1>
    </div> <!-- /page header -->

    <br/>
    <div >
        <table class="table table-bordered table-striped">
            <tr>
                <th style="text-align: center;width: 180px">Solicitud</th>
                <th style="text-align: center;width: 180px">Hora</th>
                <th style="text-align: center;width: 180px">DNI</th>
                <th style="text-align: center;width: 180px">Nombre</th>
                <th style="text-align: center;width: 180px">Apellido Paterno</th>
                <th style="text-align: center;width: 100px">Apellido Materno</th>     
                <th style="text-align: center;width: 100px">Estado</th> 
            </tr>

            <c:forEach var="solicitud" items="${solicitudes}">
                <tr>       
                    <td style="text-align: center"><a href="<c:url value='/pages/visa/detalle?id=${solicitud.idSolicitud}'/>"><img src="/embajada/img/editar.png" height="24" width="24"/></a></td>
                    <td style="text-align: center">${solicitud.horaEntrevista}</td>
                    <td style="text-align: center">${solicitud.docIdentidad}</td>
                    <td style="text-align: center">${solicitud.nombre}</td>
                    <td style="text-align: center">${solicitud.apellidoPaterno}</td>
                    <td style="text-align: center">${solicitud.apellidoMaterno}</td>
                    
                    <c:if test="${solicitud.idEstado == 2}">  
                        <td><span class="label label-info">Por evaluar</span></td>
                    </c:if>
                    <c:if test="${solicitud.idEstado == 3}">  
                        <td><span class="label label-success">Aprobado</span></td>
                    </c:if>
                    <c:if test="${solicitud.idEstado == 4}">  
                        <td><span class="label label-important">Rechazado</span></td>
                    </c:if>
                    
                </tr>
            </c:forEach>
        </table>
    </div>
</div> <!-- /pagination -->


<!-- javascript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="<c:url value='/js/jquery/jquery.js'/>"></script>
<script src="<c:url value='/js/bootstrap-modal.js'/>"></script>
<script src="<c:url value='/js/bootstrap-dropdown.js'/>"></script>

